/**
 * Copyright (c) 快宝网络 kuaidihelp.com Co., Ltd. All Rights Reserved 禁止外泄以及用于其它的商业用途
 */

import React from "react";
import {
  Row,
  Col,
  Button,
} from "antd";
import { connect } from "dva";
import Settings from "./components/MenuSetting/Settings";
import styles from "../style.less";

const noop = () => {};

const CustomizedMenu = ({ goBack = noop }) => {
  return (
    <div className={styles.customizedMenu}>
      <Row style={{ width: '100%'}}>
        <Col>
          <Settings />
        </Col>
      </Row>
      <Row type="flex" justify="end" className={styles.customizedMenu__bottom}>
        <Col style={{ marginTop: 10 }}>
          <Row type="flex" justify="space-between">
            <Col>
              <Button type="primary" onClick={goBack}>
                返回
              </Button>
            </Col>
          </Row>
        </Col>
      </Row>
    </div>
  );
};

CustomizedMenu.propTypes = {};

export default connect()(React.memo(CustomizedMenu));
